
Page({

  /**
   * 页面的初始数据
   */
  data: {
    msg: "你好小程序",
    isShow: false
  },
  backTop(){
    wx.pageScrollTo({
      scrollTop: 0
    })
  },
  changeMsg(){
    // 调用实例 setData方法来修改数据，视图才会刷新
    this.setData({
      msg: "数据修改了"
    }, () => {
      console.log('回调触发'); // 视图更新完成后触发
    })
    console.log(this.data.msg, 22);
    
    
  },
  // 下面是页面生命周期钩子
  onLoad() {
    // 页面实例加载完成 此时 视图还未加载  类似vue中 created 页面初始化操作 比如 数据请求
    console.log('onLoad触发');

    // wx.showShareMenu({
    //   menus: ['shareAppMessage', 'shareTimeline']
    // })
    
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    console.log('页面首次渲染完成,onReady'); // 类似于vue中mounted
    
  },

  /**
   * 生命周期函数--监听页面显示
   * 多次触发 1 首次加载页面会触发 2 正常路由 切换也会触发
   */
  onShow() {
    console.log('onShow触发');
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {
    // 监听页面隐藏 常见就是路由正常跳转
    console.log('onHide触发');
    
  },

  /**
   * 生命周期函数--监听页面卸载
   * 什么时候卸载 1 返回上一页时 当前页面卸载 2 redirect方式路由跳转
   */
  onUnload() {
    console.log('onUnload home 页面卸载了');
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   * 在这个事件中 请求 新的列表数据实现视图刷新
   * 注意真机上 下拉状态不会主动结束，需要请求完成后，调用全局api wx.stopPullDownRefresh()
   */
  onPullDownRefresh() {
    console.log('下拉');
    setTimeout(() => {
      wx.stopPullDownRefresh()
    }, 2000)
  },

  /**
   * 页面上拉触底事件的处理函数
   * 监听页面上拉触底事件 在这里 可以请求下一页数据 实现 上拉无限加载
   */
  onReachBottom() {
    console.log('触底了');
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    // 自定义分享背景  和 描述
    return {
      title: "小哥哥小姐姐来玩啊",
      imageUrl: "https://img2.baidu.com/it/u=750317358,3002206266&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1704906000&t=7662fd4d5846e889182f360724e14e1d"
    }
  },
  /*
    监听分享到朋友圈
  */
  // onShareTimeline(){}
  onPageScroll({scrollTop}){
    console.log(scrollTop);
    if(scrollTop> 200) {
      this.setData({
        isShow: true
      })
    } else {
      this.setData({
        isShow: false
      })
    }
    
  }
})